@black-title-text: #333;
@black-p-text: #586069;
@black-a-text: #595757;
@black-a-icon: #6a737d;
//
@white-footer-background: #f9fafb;
@white-border: #d8d8d8;
//
@ultra-black-title-text: #586069;
@ultra-black-p-text: #586069;
@ultra-black-a-text: #6a737d;
@ultra-black-a-icon: #6a737d;
//

html {
  body {
    #page {
      #header-wrapper {
        width: 100%;
        margin-bottom: 32px;
        @media screen and (max-width: 767px) {
          margin-bottom: 14px;
        }
        header {
          line-height: 64px;

          display: flex;
          justify-content: space-between;

          width: 100%;
          height: 64px;

          background-color: #fff;
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
          @media screen and (min-width: 2561px) {
            border-bottom-right-radius: 25px;
            border-bottom-left-radius: 25px;
          }
          #header-logo {
            font-family: "Pacifico";
            font-size: 18px;

            flex-shrink: 0;

            padding: 0 32px;
            @media screen and (max-width: 425px) {
              padding: 0 18px;
            }
          }
          #header-categorys {
            display: flex;

            width: 62%;
            padding: 0 32px;
            @media screen and (max-width: 425px) {
              display: none;
            }
            .header-category {
              flex-grow: 1;
              flex-shrink: 0;

              text-align: center;

              color: @ultra-black-a-text;
            }
          }
        }
      }
    }
  }
}
